<!--
 * @Author: your name
 * @Date: 2021-09-14 17:48:58
 * @LastEditTime: 2021-09-16 16:59:58
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \hello-uni\components\iconcomponents\common\nav.vue
-->
<template>
	<view class="nav">
			<view class="left" @click="showDrawer">全部数据
			<!-- 弹窗 -->
			        <uni-drawer ref="showRight" mode="right" :width="280" :mask-click="true" style="width: 375*2rpx;">
			            <scroll-view style="height: 100%;" scroll-y="true">
							<Buttontext />
							<view class="tobutton">
								<button @click="closeDrawer" type="primary">重置</button>
								<button @click="showDrawer" type="primary">确认</button>	
							</view>
			            </scroll-view>
			        </uni-drawer>
			<uni-icons type="arrowdown" size="15"></uni-icons>
			</view>
		    <view class="center">我负责的<uni-icons type="arrowdown" size="15"></uni-icons></view>
		    <view class="right">高级查询<uni-icons type="arrowdown" size="15"></uni-icons></view>
		    <view class="right">排序<uni-icons type="arrowdown" size="15"></uni-icons></view>
	</view>
</template>

<script>
	import Buttontext from "./Buttontext.vue"
	export default{
		components:{
			Buttontext
		},
		methods: {
		            showDrawer() {
		                this.$refs.showRight.open();
		            },
		            closeDrawer() {
		                this.$refs.showRight.close();
		            }
		
		        },
	}
</script>

<style scoped lang="scss">
	.nav{
		
		padding:0 16*2rpx;
		-webkit-box-shadow:1*2rpx 1*2rpx 3*2rpx #F2F2F7;
		-moz-box-shadow:1*2rpx 1*2rpx 3*2rpx #F2F2F7;
		box-shadow:1px 1px 3px #F2F2F7;
		font-size: 13px;
		line-height: 18px;
		text-align: center;
		
		color: #000000;
		.left{
			.tobutton{
				display: flex;
				button{
					width: 113*2rpx;
				}
			}
		}
		.center{
			
			
		}
		.right{
		}
	}
</style>
